<template>
    <div>
        <div class="background"></div>
        <div class="content">
            <div class="c_content">
                <slot>
                   
                </slot>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name:"Bg"
    }
</script>

<style lang="less" scoped>
.background{
    width: 100%;
    height: 180px;
    background: blue;
}
.content{
    position: fixed;
    top: 180px;
    right: 0;
    left: 0;
    bottom: 0;;
    background: #f0f0f0;
    .c_content{
        position: absolute;
        top: -30px;
        right: 0;
        left: 0;
        bottom: 50px;
        width: 95%;
        box-sizing: border-box;
        border-radius: 10px 10px 0 0 ;
        padding: 20px 0px 0 0px;
        margin: auto;
        background: #fff;
    }
}
</style>